<div>
    <div>
        <div>
            <div class=" text-center">
                <h1>{{printPayFeeInfo.storeName}}</h1>
                <h5>
                    <span><vc:i18n name="收" namespace="printPayFees"></vc:i18n></span>
                    <span><vc:i18n name="款" namespace="printPayFees"></vc:i18n></span>
                    <span><vc:i18n name="收" namespace="printPayFees"></vc:i18n></span>
                    <span><vc:i18n name="据" namespace="printPayFees"></vc:i18n></span>
                </h5>
                <!-- <h1>{{printPayFeeInfo.communityName}} 收据单</h1> -->
                <!-- <span>
                <span><vc:i18n name="单号" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.receiptId}}
                </span> -->
            </div>
            <div class="row margin-top">
                <div class="col-sm-2">
                    <span>
                        <span><vc:i18n name="房号" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.roomName}}
                    </span>
                </div>
                <!-- <div v-if="printPayFeeInfo.type== 3 && printPayFeeInfo.carNum!=null && printPayFeeInfo.carNum!=''" class="col-sm-2">
                    <span><span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.carNum}}</span>
                </div>
                <div v-if="printPayFeeInfo.type != 3 || printPayFeeInfo.carNum==null || printPayFeeInfo.carNum==''" class="col-sm-2">
                </div> -->
                <div class="col-sm-2"></div>
                <div class="col-sm-2">
                    <span>
                        <span><vc:i18n name="用户名" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.name}}
                    </span>
                </div>
                <div class="col-sm-2"></div>
                <div class="col-sm-2"></div>
                <div class="col-sm-2">
                    <span>
                        <span><vc:i18n name="面积" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.roomArea}} 平方米
                    </span>
                </div>
            </div>
            <table class="table vc-table-border" style="margin-top: 20px;font-size: 16px;">
                <thead>
                <tr>
                    <th scope="col" class="text-center">
                        <span><vc:i18n name="收费项目" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <!-- <th v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 " scope="col" class="text-center">
                         <span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>
                    </th> -->
                    <th v-if=" printPayFeeInfo.type==4 " scope="col" class="text-center">
                        <span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <th scope="col" class="text-center">
                        <span><vc:i18n name="数量" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <th scope="col" class="text-center">
                        <span><vc:i18n name="单价" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <th colspan="2" scope="col" class="text-center">
                        <span><vc:i18n name="计费起止时间" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <th scope="col" class="text-center">
                        <span><vc:i18n name="实收金额" namespace="printPayFees"></vc:i18n></span>
                    </th>
                    <th scope="col" class="text-center">
                        <span><vc:i18n name="备注" namespace="printPayFees"></vc:i18n></span>
                    </th>
                </tr>
                </thead>
                <tbody class="vc-table-border">
                <tr v-for="(item,index) in printPayFeeInfo.fees" class="vc-table-border">
                    <!-- <th scope="row" class="text-center">{{index +1}}</th> -->
                    <td class="text-center">{{item.feeName}}</td>
                    <!-- <td v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 "
                          scope="col" class="text-center">{{item.carNum}}</td> -->
                    <td v-if="printPayFeeInfo.type==4" scope="col" class="text-center">{{item.carNum}}</td>
                    <td v-if="printPayFeeInfo.type== 5 " class="text-center">{{item.cycle}}</td>
                    <td v-if="item.feeName != '水费' && item.feeName != '电费' && printPayFeeInfo.type != 5"
                        class="text-center">{{item.num}}
                    </td>
                    <td v-if="item.feeName == '水费' || item.feeName == '电费'" class="text-center"></td>
                    <!-- <td class="text-center">{{item.num}}</td> -->
                    <td class="text-center">{{item.unit}}</td>
                    <!-- <td class="text-center">{{item.start}}</td> -->
                    <td v-if="printPayFeeInfo.type != 5" class="text-center">
                        {{item.start!=null?vc.dateFormat(item.start):''}}
                    </td>
                    <td v-if="printPayFeeInfo.type != 5" class="text-center">
                        {{item.end!=null?vc.dateFormat(item.end):''}}
                    </td>
                    <td v-if="printPayFeeInfo.type == 5" class="text-center">
                        {{item.startTime!=null?vc.dateFormat(item.startTime):''}}
                    </td>
                    <td v-if="printPayFeeInfo.type == 5" class="text-center">
                        {{item.endTime!=null?vc.dateFormat(item.endTime):''}}
                    </td>
                    <td class="text-center">{{item.amount}}</td>
                    <td class="text-left" style="font-size: 12px;">{{item.remark}}</td>
                    <!-- <td  v-if="printPayFeeInfo.type!= 3"  class="text-center" >{{item.remark}}</td> -->
                    <!-- <td  v-if="printPayFeeInfo.type== 3" class="text-center" >{{item.remark}}{{item.carNum}}</td> -->
                </tr>
                <tr>
                    <!-- <td colspan="1" class="text-center ">
                         <span><vc:i18n name="大写人民币" namespace="printPayFees"></vc:i18n></span>（元）
                         </td> -->
                    <td colspan="3" class="text-center ">
                        <span><vc:i18n name="大写人民币" namespace="printPayFees"></vc:i18n></span>（元）:
                        {{vc.changeNumMoneyToChinese(printPayFeeInfo.amount)}}
                    </td>
                    <!-- <td v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 "  colspan="1" class="text-center "></td> -->
                    <!-- <td colspan="1" class="text-center ">
                         <span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）
                         </td> -->
                    <td v-if=" printPayFeeInfo.type==4 " colspan="4" class="text-center ">
                        <span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）:
                        {{printPayFeeInfo.amount}}
                    </td>
                    <td v-if=" printPayFeeInfo.type!=4 " colspan="3" class="text-center ">
                        <span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）:
                        {{printPayFeeInfo.amount}}
                    </td>
                    <!-- <td colspan="4" class="text-center "></td> -->
                    <td v-if="printPayFeeInfo.type== 3 && printPayFeeInfo.carNum!=null  && printPayFeeInfo.carNum!=''"
                        colspan="4" class="text-left">
                        <span><vc:i18n name="车牌号" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.carNum}}
                    </td>
                    <td v-if="printPayFeeInfo.type != 3 || printPayFeeInfo.carNum==null | printPayFeeInfo.carNum=='' "
                        colspan="4" class="text-center ">
                    </td>
                </tr>
                <!--<tr height="60px">
                    <td colspan="5">
                        <p style="max-width: 600px;">
                            {{printPayFeeInfo.content}}
                        <div v-html="printPayFeeInfo.content"></div>
                        </p>
                    </td>
                    <td colspan="4">
                        <img :src="printPayFeeInfo.qrImg" width="100px" height="100px">
                    </td>
                </tr>-->
                </tbody>
            </table>
            <div class="row ">
                <div class="col-sm-2">
                    <span>{{printPayFeeInfo.communityName}}
                        <span><vc:i18n name="客户服务中心" namespace="printPayFees"></vc:i18n></span>
                    </span>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-3">
                    <span>
                        <span><vc:i18n name="收款时间" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.feeTime}}
                    </span>
                </div>
                <!-- <div class="col-sm-2">
                </div> -->
                <div class="col-sm-2"></div>
                <div class="col-sm-2"></div>
                <div class="col-sm-2">
                    <span>
                        <span><vc:i18n name="收款人" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.userName}}
                    </span>
                </div>
            </div>
        </div>
        <div id="print-btn">
            <button class="btn btn-primary float-right" type="button" v-on:click="_printPurchaseApplyDiv()">
                <i class="fa fa-check"></i>&nbsp;打印
            </button>
            <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                    v-on:click="_closePage()">
                <span><vc:i18n name="取消" namespace="printPayFees"></vc:i18n></span>
            </button>
        </div>
    </div>
</div>
